<<<<<<< HEAD
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | Contact :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
	<script type="text/javascript" src="js/alert.js"></script>
	<link rel="stylesheet" href="css/lanrenzhijia.css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>

</head>
<body>
<!--header-->
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li class="active" ><a href="index.html" >主页  </a> </li>
						<li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
						<li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
					</ul>
					<!--script-->
					<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>
				</div>

				<div class="col-xs-8 menu" style="">
					<button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
					<button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
				</div>
				<div class="theme-popover col-xs-4" style="text-align: center;">
					<div class="theme-poptit">
						<a href="javascript:;" title="关闭" class="close">×</a>
						<h3><a id="change-denglu" href="##"> 登录</a><-|-><a id="change-zhuce" href="##" >注册</a></h3>
					</div>
					<!--静态弹框模块-->

					<div id="wangjimima" style="display: none;margin-top:30px;" >
						<div class="alert alert-success" style="opacity: 0">
							<strong id="wj-email"></strong>
						</div>
						<div class="input-group input-group-lg">
							<span  class="input-group-addon" >找回邮箱</span>
							<input id="forget-email" type="text" class="form-control" placeholder="请输入您注册时的邮箱" aria-describedby="sizing-addon1">
						</div>
						<div class="btn-group" style="margin-top:20px;">
							<button id="forget-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								申请找回
							</button>

						</div>
					</div>
					<div id="denglu" style="text-align: center;margin-top:30px;">
						<div class="alert alert-warning" style="opacity: 0">
							<strong id="dl_fail"></strong>
						</div>
						<div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;" >
							<span class="input-group-addon" style="width: 105px;">用户名</span>
							<input id="dl_username" type="text" class="form-control" placeholder="请输入用户名" >
						</div>
						<div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;">
							<span class="input-group-addon" style="width: 105px;">密码</span>
							<input id="dl_password" type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1">
						</div>


						<div class="btn-group" style="margin-top:20px;">
							<button id="denglu-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								登录
							</button>
							&nbsp;&nbsp;&nbsp;&nbsp;<span style="height: 45px;line-height: 45px;"><a id="forget-password" href="##">忘了密码 ~~~~(>_<)~~~~？</a></span></span>
						</div>
					</div>
					<div id="zhuce" style="display: none;">

						<div class="alert alert-warning " style="opacity: 0">
							<strong id="zc_fail"></strong>
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left">
							<span  style="width:105px;" class="input-group-addon" >用户名</span>
							<input id="zc_username" type="text" class="form-control" placeholder="请输入(可中文)" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span style="width:105px;" class="input-group-addon" >密码</span>
							<input id="zc_password" type="password" class="form-control" placeholder="请输入您的密码" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span class="input-group-addon" >您的邮箱</span>
							<input id="zc_email" type="text" class="form-control" placeholder="目前只支持QQ邮箱" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span class="input-group-addon" >确认密码</span>
							<input id="zc_repassword" type="password" class="form-control" placeholder="请确认您的密码" aria-describedby="sizing-addon1">
						</div>
						<div class="btn-group" style="margin-top:20px;">
							<button id="zhuce-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								注册
							</button>
						</div>

					</div>
				</div>

				<div class="header-top-on">
					<ul class="social-in">
						<li><a href="#"><i> </i></a></li>
						<li><a href="#"><i class="tin"> </i></a></li>
						<li><a href="#"><i class="gmail"> </i></a></li>
						<li><a href="#"><i class="dribble"> </i></a></li>
						<li><a href="#"><i class="browser"> </i></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">

			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">
		<div class="contact-left">
				  	<h2>SHOW</h2>
					    <form>
								<div class="col-md-6 contact-grid">
									<div class="col-md-12">
										<p class="your-para">您的昵称</p>
										<input id="live_name" class="form-control" type="text" >
									</div>
									<div class="col-md-12">
										<p class="your-para">您的链接</p>
										<input id="live_http" class="form-control" type="text">
									</div>
									<div class="col-md-12">
										<p class="your-para">您的标签(选填)</p>
										<input id="live_label" class="form-control" type="text">
									</div>


								</div>
						<div class="col-md-6 contact-grid">
							<div class="col-md-6">
								<p class="your-para">简略图</p>
								<img id="showSimple" src="images/ban.jpg" style="height: 143px;width:100%;margin-top:10px;">
								<div class="input-group">
										<span class="input-group-btn">
											<Button class="btn btn-success" style="height: 34px;">选择文件</Button>
										</span>
											<input readonly class="form-control" type="text" id="simpleInput">
									</div>
									<input id="jianluetu" onchange="upload(this)" class="form-control" type="file" name="simpleImage" />
							</div>
							<div class="col-md-6">
									<p class="your-para">置顶图</p>
									<img id="showTop" src="images/ban.jpg" style="height: 143px;width:100%;margin-top:10px;">
								<div class="input-group" >
										<span class="input-group-btn">
											<Button class="btn btn-success" style="height: 34px;">选择文件</Button>
										</span>
									 <input readonly class="form-control" type="text" id="topInput">
								</div>
								<input  id="zhidingtu" onchange="upload(this)" class="form-control" type="file" name="topImage"/>
							</div>

                        </div>

								<div class="col-md-12 contact-grid" style="margin-top: -20px;">
									<div class="col-md-12">
										<p class="your-para">您的信息</p>
										<textarea id="live_describtion" cols="12" rows="6"></textarea>
									</div>
									</div>

								<div class="send" style="text-align: center">

								<input id="submit" type="button" value="提交"  style="margin-right:20px;">
									<label>类型:
									<select id="type">
										<option value ="live">直播</option>
										<option value ="taobao">淘宝</option>
										<option value="single">个人网站</option>
										<option value="orther">其他</option>
									</select>
									</label>
								</div>
							</form>

				  </div>
	</div>
</div>
		<!---->
		<div class="footer">
			<div class="container">
				<p class="footer-class">Copyright © 2050 Plover by  <a href="http://www.dragonscat.com" target="_blank">dragoncat</a></p>
			</div>

			 <script type="text/javascript">
				 $(function () {
					 $("#submit").click(function () {
						 var data ={"type":$("#type").val(),"labels":$("#live_label").val(),"http":$("#live_http").val(),"describtion":$("#live_describtion").val(),"name":$("#live_name").val()};
						 $.ajax({
							 url: "http://127.0.0.1/add/grid",
							 type: "POST",
							 data: JSON.stringify(data),
							 dataType: 'json',
							 contentType: 'application/json;charset=UTF-8',
							 success: function (result) {
								 if(result.status==200){
								 	location.href="mygrid.html"
								 }
								 if(result.status==302){
									 $('.theme-popover').fadeIn(500);
								 }
							 }
						 });
					 })
				 })
                 function upload(event) {
					 var $show = $("#showSimple")
                     var fileId = $(event).attr("id")
                     var url = 'http://127.0.0.1/upload/simple'
                     if(fileId=="zhidingtu"){
                         url = 'http://127.0.0.1/upload/top'
						 $show = $("#showTop")
                         $("#topInput").val($("#zhidingtu").val().split("\\")[2]) ;
					 }else{
                         $("#simpleInput").val($("#jianluetu").val().split("\\")[2]) ;
                     }
                     $.ajaxFileUpload
                     (
                             {
                                 url: url, //用于文件上传的服务器端请求地址
                                 secureuri: false, //是否需要安全协议，一般设置为false
                                 fileElementId: fileId, //文件上传域的ID
                                 dataType: 'content', //返回值类型 一般设置为json
                                 success: function (data)  //服务器成功响应处理函数
                                 {
                                 	if(data.status==200){
										$show.attr("src",data.data);
									}else{
										alert(data.message);
									}
                                 },
                                 error: function (data, status, e)//服务器响应失败处理函数
                                 {
									 alert(data.message);
                                 }
                             }
                     )
                     return false;
                 };
						$(document).ready(function() {
							$().UItoTop({ easingType: 'easeOutQuart' });

						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">xxxxxxxxxxxxxxxxx </span></a>
		</div>

</body>
=======
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | Contact :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
	<script type="text/javascript" src="js/alert.js"></script>
	<link rel="stylesheet" href="css/lanrenzhijia.css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>

</head>
<body>
<!--header-->
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li class="active" ><a href="index.html" >主页  </a> </li>
						<li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
						<li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
					</ul>
					<!--script-->
					<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>
				</div>

				<div class="col-xs-8 menu" style="">
					<button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
					<button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
				</div>
				<div class="theme-popover col-xs-4" style="text-align: center;">
					<div class="theme-poptit">
						<a href="javascript:;" title="关闭" class="close">×</a>
						<h3><a id="change-denglu" href="##"> 登录</a><-|-><a id="change-zhuce" href="##" >注册</a></h3>
					</div>
					<!--静态弹框模块-->

					<div id="wangjimima" style="display: none;margin-top:30px;" >
						<div class="alert alert-success" style="opacity: 0">
							<strong id="wj-email"></strong>
						</div>
						<div class="input-group input-group-lg">
							<span  class="input-group-addon" >找回邮箱</span>
							<input id="forget-email" type="text" class="form-control" placeholder="请输入您注册时的邮箱" aria-describedby="sizing-addon1">
						</div>
						<div class="btn-group" style="margin-top:20px;">
							<button id="forget-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								申请找回
							</button>

						</div>
					</div>
					<div id="denglu" style="text-align: center;margin-top:30px;">
						<div class="alert alert-warning" style="opacity: 0">
							<strong id="dl_fail"></strong>
						</div>
						<div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;" >
							<span class="input-group-addon" style="width: 105px;">用户名</span>
							<input id="dl_username" type="text" class="form-control" placeholder="请输入用户名" >
						</div>
						<div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;">
							<span class="input-group-addon" style="width: 105px;">密码</span>
							<input id="dl_password" type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1">
						</div>


						<div class="btn-group" style="margin-top:20px;">
							<button id="denglu-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								登录
							</button>
							&nbsp;&nbsp;&nbsp;&nbsp;<span style="height: 45px;line-height: 45px;"><a id="forget-password" href="##">忘了密码 ~~~~(>_<)~~~~？</a></span></span>
						</div>
					</div>
					<div id="zhuce" style="display: none;">

						<div class="alert alert-warning " style="opacity: 0">
							<strong id="zc_fail"></strong>
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left">
							<span  style="width:105px;" class="input-group-addon" >用户名</span>
							<input id="zc_username" type="text" class="form-control" placeholder="请输入(可中文)" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span style="width:105px;" class="input-group-addon" >密码</span>
							<input id="zc_password" type="password" class="form-control" placeholder="请输入您的密码" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span class="input-group-addon" >您的邮箱</span>
							<input id="zc_email" type="text" class="form-control" placeholder="目前只支持QQ邮箱" aria-describedby="sizing-addon1">
						</div>
						<div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
							<span class="input-group-addon" >确认密码</span>
							<input id="zc_repassword" type="password" class="form-control" placeholder="请确认您的密码" aria-describedby="sizing-addon1">
						</div>
						<div class="btn-group" style="margin-top:20px;">
							<button id="zhuce-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								注册
							</button>
						</div>

					</div>
				</div>

				<div class="header-top-on">
					<ul class="social-in">
						<li><a href="#"><i> </i></a></li>
						<li><a href="#"><i class="tin"> </i></a></li>
						<li><a href="#"><i class="gmail"> </i></a></li>
						<li><a href="#"><i class="dribble"> </i></a></li>
						<li><a href="#"><i class="browser"> </i></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">

			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">
		<div class="contact-left">
				  	<h2>SHOW</h2>
					    <form>
								<div class="col-md-6 contact-grid">
									<div class="col-md-12">
										<p class="your-para">您的昵称</p>
										<input id="live_name" class="form-control" type="text" >
									</div>
									<div class="col-md-12">
										<p class="your-para">您的链接</p>
										<input id="live_http" class="form-control" type="text">
									</div>
									<div class="col-md-12">
										<p class="your-para">您的标签(选填)</p>
										<input id="live_label" class="form-control" type="text">
									</div>


								</div>
						<div class="col-md-6 contact-grid">
							<div class="col-md-6">
								<p class="your-para">简略图</p>
								<img id="showSimple" src="images/ban.jpg" style="height: 143px;width:100%;margin-top:10px;">
								<div class="input-group">
										<span class="input-group-btn">
											<Button class="btn btn-success" style="height: 34px;">选择文件</Button>
										</span>
											<input readonly class="form-control" type="text" id="simpleInput">
									</div>
									<input id="jianluetu" onchange="upload(this)" class="form-control" type="file" name="simpleImage" />
							</div>
							<div class="col-md-6">
									<p class="your-para">置顶图</p>
									<img id="showTop" src="images/ban.jpg" style="height: 143px;width:100%;margin-top:10px;">
								<div class="input-group" >
										<span class="input-group-btn">
											<Button class="btn btn-success" style="height: 34px;">选择文件</Button>
										</span>
									 <input readonly class="form-control" type="text" id="topInput">
								</div>
								<input  id="zhidingtu" onchange="upload(this)" class="form-control" type="file" name="topImage"/>
							</div>

                        </div>

								<div class="col-md-12 contact-grid" style="margin-top: -20px;">
									<div class="col-md-12">
										<p class="your-para">您的信息</p>
										<textarea id="live_describtion" cols="12" rows="6"></textarea>
									</div>
									</div>

								<div class="send" style="text-align: center">

								<input id="submit" type="button" value="提交"  style="margin-right:20px;">
									<label>类型:
									<select id="type">
										<option value ="live">直播</option>
										<option value ="taobao">淘宝</option>
										<option value="single">个人网站</option>
										<option value="orther">其他</option>
									</select>
									</label>
								</div>
							</form>

				  </div>
	</div>
</div>
		<!---->
		<div class="footer">
			<div class="container">
				<p class="footer-class">Copyright © 2050 Plover by  <a href="http://www.dragonscat.com" target="_blank">dragoncat</a></p>
			</div>

			 <script type="text/javascript">
				 $(function () {
					 $("#submit").click(function () {
						 var data ={"type":$("#type").val(),"labels":$("#live_label").val(),"http":$("#live_http").val(),"describtion":$("#live_describtion").val(),"name":$("#live_name").val()};
						 $.ajax({
							 url: "http://127.0.0.1/add/grid",
							 type: "POST",
							 data: JSON.stringify(data),
							 dataType: 'json',
							 contentType: 'application/json;charset=UTF-8',
							 success: function (result) {
								 if(result.status==200){
								 	location.href="mygrid.html"
								 }
								 if(result.status==302){
									 $('.theme-popover').fadeIn(500);
								 }
							 }
						 });
					 })
				 })
                 function upload(event) {
					 var $show = $("#showSimple")
                     var fileId = $(event).attr("id")
                     var url = 'http://127.0.0.1/upload/simple'
                     if(fileId=="zhidingtu"){
                         url = 'http://127.0.0.1/upload/top'
						 $show = $("#showTop")
                         $("#topInput").val($("#zhidingtu").val().split("\\")[2]) ;
					 }else{
                         $("#simpleInput").val($("#jianluetu").val().split("\\")[2]) ;
                     }
                     $.ajaxFileUpload
                     (
                             {
                                 url: url, //用于文件上传的服务器端请求地址
                                 secureuri: false, //是否需要安全协议，一般设置为false
                                 fileElementId: fileId, //文件上传域的ID
                                 dataType: 'content', //返回值类型 一般设置为json
                                 success: function (data)  //服务器成功响应处理函数
                                 {
                                 	if(data.status==200){
										$show.attr("src",data.data);
									}else{
										alert(data.message);
									}
                                 },
                                 error: function (data, status, e)//服务器响应失败处理函数
                                 {
									 alert(data.message);
                                 }
                             }
                     )
                     return false;
                 };
						$(document).ready(function() {
							$().UItoTop({ easingType: 'easeOutQuart' });

						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">xxxxxxxxxxxxxxxxx </span></a>
		</div>

</body>
>>>>>>> 87862a9414168c7958e3f27eded4d0e8c1646de5
</html>